Hệ thống quản lý phương tiện trong PHP
1 /* Slider */
2 .slick-slider
3 {
4 position: relative;
5
6 display: block;
7 box-sizing: border-box;
8
9 -webkit-user-select: none;
10 -moz-user-select: none;
11 -ms-user-select: none;
12 user-select: none;
13
14 -webkit-touch-callout: none;
15 -khtml-user-select: none;
16 -ms-touch-action: pan-y;
17 touch-action: pan-y;
18 -webkit-tap-highlight-color: transparent;
19 }
20
21 .slick-list
22 {
23 position: relative;
24
25 display: block;
26 overflow: hidden;
27
28 margin: 0;
29 padding: 0;
30 }
31 .slick-list:focus
32 {
33 outline: none;
34 }
35 .slick-list.dragging
36 {
37 cursor: pointer;
38 cursor: hand;
39 }
40
41 .slick-slider .slick-track,
42 .slick-slider .slick-list
43 {
44 -webkit-transform: translate3d(0, 0, 0);
45 -moz-transform: translate3d(0, 0, 0);
46 -ms-transform: translate3d(0, 0, 0);
47 -o-transform: translate3d(0, 0, 0);
48 transform: translate3d(0, 0, 0);
49 }
50
51 .slick-track
52 {
53 position: relative;
54 top: 0;
55 left: 0;
56
57 display: block;
58 margin-left: auto;
59 margin-right: auto;
60 }
61 .slick-track:before,
62 .slick-track:after
63 {
64 display: table;
65
66 content: '';
67 }
68 .slick-track:after
69 {
70 clear: both;
71 }
72 .slick-loading .slick-track
73 {
74 visibility: hidden;
75 }
76
77 .slick-slide
78 {
79 display: none;
80 float: left;
81
82 height: 100%;
83 min-height: 1px;
84 }
85 [dir='rtl'] .slick-slide
86 {
87 float: right;
88 }
89 .slick-slide img
90 {
91 display: block;
92 }
93 .slick-slide.slick-loading img
94 {
95 display: none;
96 }
97 .slick-slide.dragging img
98 {
99 pointer-events: none;
100 }
101 .slick-initialized .slick-slide
102 {
103 display: block;
104 }
105 .slick-loading .slick-slide
106 {
107 visibility: hidden;
108 }
109 .slick-vertical .slick-slide
110 {
111 display: block;
112
113 height: auto;
114
115 border: 1px solid transparent;
116 }
117 .slick-arrow.slick-hidden {
118 display: none;
119 }